<template>
    <div id='Time'>
        <el-time-picker
		    :value="value"
		    :picker-options="selectableRange"
		    :clearable='clearable'
		    :placeholder="placeholder"
			:size='size'
			@input='inputChange'
			@change='change'
			@blur='blur'
			format='HH:mm:ss'
		>
		</el-time-picker>
    </div>
</template>

<script>
    export default{
        name:'Time',
        props: {
            dataList: {
                default:function(){
                    return []
                },
            },
            value:{default:'' }, 
            size:{default:'mini', },
            clearable:{default:true},
            placeholder:{default:'任意时间点'},
            selectableRange:{
            	default:function(){
            		return {selectableRange: '00:00:00 - 23:59:59'}
            	}
            }
            
        },
        components:{
            
        },
        data(){
            return {
                defaultValue:new Date(2016, 9, 10, 8, 40),
            }
        },
        created() {
        },
        watch: {
            
        },
        computed: {
            
        },
        mounted(){
            document.title=''
        },
        methods:{
            inputChange(val){
            	
            	this.$emit('update:value',val)
            },
            change(val){
            	console.log(this.$root.getDate(val))
            	this.$emit('change',val)
            },
            blur(e){
            	this.$emit('blur',e.value)
            }
            
        }
    }
</script>

<style lang="scss">
    @import './Time.scss';
</style>